<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

	<link rel="stylesheet" type="text/css" href="../../../css/cloud-admin.css" >
		
		
	<!-- 上传控件 -->
	<link href="../../../js/fileupload/css/fileinput.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="../../../js/fileupload/css/font-awesome.min.css" media="all" rel="stylesheet" type="text/css"/>
	<link href="../../../js/fileupload/themes/explorer-fa/theme.css" media="all" rel="stylesheet" type="text/css"/>	
	
	<!--jquery -->
	
	<script type="text/javascript" src="../../../summernote/jquery.js" ></script>

	<script src="../../../js/fileupload/js/plugins/sortable.js" type="text/javascript"></script>
	<script src="../../../js/fileupload/js/fileinput.js" type="text/javascript"></script>
	<script src="../../../js/fileupload/js/locales/zh.js" type="text/javascript"></script>
	<script src="../../../js/fileupload/themes/explorer-fa/theme.js" type="text/javascript"></script>


	
	<!-- BOOTSTRAP -->
	<script src="../../../bootstrap-dist/js/bootstrap.min.js"></script>
	

	<!-- jquery-confirm -->
	<link href="../../../css/jquery-confirm.min.css" rel="stylesheet">
	<script type="text/javascript" src="../../../js/jquery-confirm.min.js" ></script>
	
	
	<!-- xcConfirm -->
	<link rel="stylesheet" type="text/css" href="../../../css/xcConfirm.css"/>
	<script src="../../../js/xcConfirm.js" type="text/javascript" charset="utf-8"></script>
	
	
	<script type="text/javascript" src="../../../js/share.js"></script>
	
	<script type="text/javascript" src="jointlysignaccept.js"></script>
	<script type="text/javascript" src="../auditopinion.js"></script>
	
	<style type="text/css">
		.tdTitle{
			background-color: #eee; width:13%; text-align: right;
		}
		.tdContent{
			width:20.3%;
		}
	</style>
	
</head>
<body style="background-color: white;">

	<ul id="myTab" class="nav nav-tabs">
		<li>
			<a href="#apply" data-toggle="tab">
				 申请信息
			</a>
		</li>
		<li class="active">
			<a href="#approval" data-toggle="tab">
				审批信息
			</a>
		</li>
		<li>
			<a href="#jointlysignopiniontable" data-toggle="tab" id="jointlysignopinion">
				 会签意见
			</a>
		</li>
		<li>
			<a href="#cer" data-toggle="tab" id="cerinfo">
				 证书信息
			</a>
		</li>
	</ul>
	<div id="myTabContent" class="tab-content">
		<div class="tab-pane fade" id="apply">

			<!-- 申请单信息 -->
			<table class="table table-bordered"  style="vertical-align: middle !important;">
				<tr>
					<td class="tdTitle">
						项目名称：
					</td>
					<td colspan="3">
						<span id="itemname"></span>
					</td>
					<td class="tdTitle">
						项目代码：
					</td>
					<td>
						<span id="itemno"></span>
					</td>
				</tr>
				<tr>
					<td class="tdTitle">
						申请渠道：
					</td>
					<td class="tdContent">
						<span id="approveresult">互联网申报</span>
					</td>
					<td class="tdTitle">
						申请时间：
					</td>
					<td class="tdContent">
						<span id="applytime"></span>
					</td>
					<td class="tdTitle">
						申请状态：
					</td>
					<td class="tdContent">
						<span style="color:red; font-weight: bold;" id="nodename"></span>
					</td>
				</tr>
				<tr>
					<td class="tdTitle">
						公司编号：
					</td>
					<td>
						<span id="companyid"></span>
					</td>
					<td class="tdTitle">
						公司名称：
					</td>
					<td colspan="3">
						<span id="company"></span>
					</td>
				</tr>
				<tr>
					<td class="tdTitle">
						申请人姓名：
					</td>
					<td>
						<span id="proposer"></span>
					</td>
					<td class="tdTitle">
						申请人联系地址：
					</td>
					<td>
						<span id="contactaddr"></span>
					</td>
					<td class="tdTitle">
						联系电话：
					</td>
					<td>
						<span id="mobilephone"></span>
					</td>
				</tr>
				<tr>
					<td class="tdTitle">
						文书：
					</td>
					<td colspan="5" id="book">
						
					</td>
				</tr>
			</table>
				
			<!-- 业务信息 -->
			<div id="ifBusiness"></div>
			
			<!-- 提交材料信息 -->
			<table class="table table-bordered" style="text-align: center;" id="material">
			<thead>
				<tr style="background-color: #eee; ">
					<th style="width: 5%;text-align: center;">序号</th>
					<th style="width: 45%;text-align: center;">材料名称</th>
					<th style="width: 10%;text-align: center;">材料数量</th>
					<th style="width: 40%;text-align: center;">附件<a style="margin-left:15px" target="_blank" type="button" id="downallmaterial" class="btn btn-success" ><span class="glyphicon glyphicon-download"></span>批量下载</a></th>
				</tr>
			</thead>
			<tbody>
			</tbody>
			</table>
		
		</div>
		
		
		<div class="tab-pane fade in active" id="approval">
			<table class="table table-bordered">
				<tr>
					<td class="tdTitle" style="vertical-align:middle;">
						选择下一步
					</td>
					<td style="width: 24%;">
						<ul style="list-style-type: none;" id="nextnode">
						</ul>
					</td>
					<td class="tdTitle" style="vertical-align:middle;">
						选择用户
					</td>
					<td style="width: 50%;">
						<select multiple class="form-control" id="userlist">
						</select>
					</td>
				</tr>
				<tr>
					<td class="tdTitle" style="vertical-align:middle;">
						意见
					</td>
					<td colspan="3">
						<textarea class="form-control" rows="2" id="opinion"></textarea>
						
     					<div class="btn-group" style="margin-top: 5px;">
							<button type="button" class="btn btn-primary" id="commonopinion">添加到常用意见</button>
							<button type="button" class="btn btn-primary dropdown-toggle" 
									data-toggle="dropdown">
								<span class="caret"></span>
								<span class="sr-only">切换下拉菜单</span>
							</button>
							<ul class="dropdown-menu" role="menu" id="commonopinionmenu">
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td class="tdTitle" style="vertical-align:middle;">
						<button type="button" id="uploadannex" onclick="openModal()" class="btn btn-success"  annexid=""><span class="glyphicon glyphicon-upload"></span>上传附件</button>
					</td>
					<td colspan="3" id="auditannex">
						
					</td>
				</tr>
			</table>
			
			<table class="table table-bordered" id="materialList" style="text-align: center;">
				<thead>
					<tr>
						<td style="background-color: #eee;"></td>
						<td style="background-color: #eee;">序号</td>
						<td style="background-color: #eee;">材料名称</td>
						<td style="background-color: #eee;">数量</td>
					</tr>
				</thead>
				<tbody>
				</tbody>
			</table>
			
			<table class="table table-bordered" id="auditopinion">
				<tbody></tbody>
			</table>
		</div>
		
		<div class="tab-pane fade" id="jointlysignopiniontable">
			
		</div>
		
		
<!-- 		证书信息 -->
		<div class="tab-pane fade" id="cer">
			
		</div>
	
	<!-- 模态框（Modal） -->
	<div class="modal fade" id="fileuploadmodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
					</button>
					<h4 class="modal-title" id="myModalLabel">
						文件上传
					</h4>
				</div>
				<div class="modal-body">
	<!--             	<input class="upload" type="file" multiple> -->
	            	
					<input class="upload" name="file" multiple type="file" data-show-caption="true" fileid="">
				</div>
				<div class="modal-footer">
					<!-- <button type="button" class="btn btn-default" data-dismiss="modal">关闭
					</button> -->
					<!-- <button type="button" class="btn btn-primary" id="upload">
						上传文件
					</button> -->
				</div>
			</div><!-- /.modal-content -->
			
			<!-- modal增加移动效果 start -->
			<script src="../../../js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
			<script type="text/javascript">
		    	$("#fileuploadmodal").draggable();//为模态对话框添加拖拽
			</script>	
			<!-- modal增加移动效果 end -->	
								
	</div><!-- /.modal -->
	</div>
	
	
	<!-- 模态框（Modal） 用户选择  -->
	<div class="modal fade" id="modeUser" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" style="width: 80%;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
					</button>
					<h4 class="modal-title" id="myModalLabel">
						用户选择
					</h4>
				</div>
				<div class="modal-body" style="height: 300px;">
					<iframe id="ifUser" src="../../../customcontrol/user/index.html" frameborder="0" marginheight="0" marginwidth="0" scrolling="yes" style="width: 100%; height: 100%"></iframe>
				</div>
				<div class="modal-footer">
					<!-- <button type="button" class="btn btn-default" data-dismiss="modal">关闭
					</button> -->
					<!-- <button type="button" class="btn btn-primary" id="upload">
						上传文件
					</button> -->
				</div>
			</div><!-- /.modal-content -->
			
			<!-- modal增加移动效果 start -->
			<script src="../../../js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
			<script type="text/javascript">
		    	$("#fileuploadmodal").draggable();//为模态对话框添加拖拽
			</script>	
			<!-- modal增加移动效果 end -->	
								
	</div><!-- /.modal -->
	</div>
</body>
</html>